import { Dimensions, StyleSheet } from 'react-native';

// 全局样式...
const style = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
  grayBackground: {
    backgroundColor: 'transparent',
    opacity: 0.3, // 设置蒙板的透明度
    // borderRadius: 12,
  },
  grayHidden: {
    backgroundColor: 'transparent',
    opacity: 1, // 设置蒙板的透明度
  },
  scrollView: {
    flex: 1,
    // height: 800,
    backgroundColor: '#fff',
  },
  scrollHelpView: {
    // flex: 1,
    height: 1850,
    backgroundColor: '#fff',
  },
  scrollLongView: {
    // flex: 1,
    height: 2300,
    backgroundColor: '#fff',
  },
  bigTitle: {
    marginStart: 30,
    // paddingBottom: 20,
    fontSize: 30,
    lineHeight: 100,
    color: '#333333',
    backgroundColor: '#fff',
  },
  indexTitle: {
    marginTop: 20,
    marginStart: 25,
    paddingBottom: 20,
    fontSize: 30,
    color: '#333333',
  },
  title: {
    marginStart: 30,
    height: 45,
    fontSize: 16,
    fontWeight: 'bold',
    color: '#000',
  },
  subTitle: {
    marginTop: 20,
    marginStart: 30,
    height: 32,
    fontSize: 16,
    fontWeight: 'bold',
    color: '#000',
  },
  contentText: {
    marginStart: 30,
    marginRight: 20,
    fontSize: 15,
    lineHeight: 28,
    color: '#666666',
    textAlign: 'justify', // 缩进对齐
  },
  imgBgView: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    marginTop: 20,
    marginBottom: 20,
    borderRadius: 20,
    marginLeft: 20,
    marginRight: 20,
    backgroundColor: '#ececec',
  },
  imgView: {
    width: Dimensions.get('window').width - 40,
    height: 200,
    borderRadius: 20,
  },
  twoLines: {
    flexDirection: 'column',
    alignItems: 'stretch',
  },
});
export default style;
